<!--
 * @FilePath: index.vue
 * @Author: 杜芬
 * @Date: 2022-08-03 14:30:29
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-08-04 15:12:40
 * Copyright: 2022 xxxTech CO.,LTD. All Rights Reserved.
 * @Descripttion: 
-->
<template>
  <div class="page-box">
    <div class="header">
      <panel :isOnLoading="loading">练习111111111111111111111111</panel>
    </div>
    <div class="main">
      <panel :isOnLoading="loading" class="table-panel body-padding-none" :title="title">
        <template #expand>
          <el-row>
            <el-button class="app-btn" size="mini" type="primary">导出</el-button>
            <el-button class="app-btn" size="mini" type="primary">导出</el-button>
          </el-row>
        </template>
        <el-table class="flex-table-body-fill" :data="tableData" border style="width: 100%">
          <el-table-column prop="date" label="日期" width="180"> </el-table-column>
          <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
          <el-table-column prop="address" label="地址"> </el-table-column>
        </el-table>
      </panel>
    </div>
  </div>
</template>
<script>
import panel from '@/components/panel/index.vue';
export default {
  data() {
    return {
      title: '碳核算表格',
      loading: false,
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
        {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄',
        },
        {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄',
        },
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄',
        },
      ],
    };
  },
  components: {
    panel,
  },
};
</script>
<style lang="scss" scoped>
.page-box {
  width: 100%;
  height: calc(100vh - 50px);
  // background-color: pink;
  border: 1px solid red;
  padding: 10px;
  background-color: #1f2a65; // 全局背景色
}
.app-btn {
  img {
    vertical-align: -2px;
    margin-right: 3px;
  }
}
</style>
